@charset "utf-8";
/* App - Orkut Card versão 3.0.20.1.2012 */

body {
	padding:0;
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	overflow:hidden;
	}

.ManuBar {
	background:#F1f1f1;
	width:auto;
	height:35px;
	padding:0px;
	border-bottom:1px solid rgba(0,0,0,0.2);
	-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.1) inset;
	 box-shadow:0px 1px 2px rgba(0,0,0,0.1) inset;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	 border-radius: 0px 0px 4px 4px;
	}
.MenuBar-sd {
	width:90%;
	top:0px; 
	left:10%; 
	margin-left:-5%;
	position:fixed;
	z-index:105;
	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
	 box-shadow:0px 1px 1px rgba(0,0,0,0.1);
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	 border-radius: 0px 0px 4px 4px;
	}
.LFT-IC {
	position:absolute; 
	right:16px; 
	top:5px;
	}	

#MenuB {
	background:#EEE; 
	border-top:#222 0px solid; 
	width:100%; 
	height:0px; 
	position:fixed; 
	bottom:0px; 
	left:0px; 
	-moz-box-shadow:0px -1px 9px rgba(0,0,0,0.3); 
	-webkit-box-shadow:0px -1px 9px rgba(0,0,0,0.3); 
	 box-shadow:0px -1px 9px rgba(0,0,0,0.3); 
	z-index:99;
	opacity:0.0;
	}

#MenuB .noSel {
	width:100px; 
	color:#444;
	position:absolute; 
	clear:both; 
	padding:2px;
	text-align:left;
	border:1px solid transparent;
	border-top:0px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	 border-radius: 0px 0px 4px 4px;
	cursor:pointer;
	}
	
#MenuB .noSel:hover{
	background:#DFDFDF;
	}
	
#MenuB .Sel {
	background:#333; 
	color:#FFF; 
	text-shadow:rgba(0,0,0,0.4) 0px 1px 2px;
	border:1px rgba(0,0,0,0.4) solid;
	border-top:0px;
	-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.4) inset;
	-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.4) inset; 
	 box-shadow:0px 0px 5px rgba(0,0,0,0.4) inset; 
	cursor:default;
	}
	
#MenuB .Sel:hover{
	background:#444;
	}
	
#MenuB .txt {
	margin-top:5px;
	font-size:10px;
	}

#selTB {
	background:#333; 
	border-top:rgba(0,0,0,0.9) 1px solid; 
	padding-top:8px; 
	width:100%; 
	height:10px; 
	position:fixed; 
	bottom:0; 
	left:0; 
	z-index:98; 
	opacity:0.0;
	overflow:hidden;
	-moz-box-shadow:0px 1px 9px rgba(0,0,0.9) inset;
	-webkit-box-shadow:0px 1px 9px rgba(0,0,0,0.9) inset; 
	 box-shadow:0px 1px 9px rgba(0,0,0,0.9) inset; 
	} 

.icn {
	background:url('../Img/icons.png') no-repeat;
	float:left;
	display:table;
	}
.card {
	background-position:0px -2px;
	width:80px;
	height:32px;
	}
.card2 {
	background-position:-2px -34px;
	width:32px;
	height:24px;
	margin:6px;
	margin-left:10px;
	}
.smile {
	background-position:-38px -57px;
	width:24px;
	height:24px;
	border:1px solid transparent;
	}
.plus {
	background-position:-36px -34px;
	width:24px;
	height:24px;
	border:1px solid transparent;
	}
.help {
	background-position:-61px -34px;
	width:24px;
	height:24px;
	border:1px solid transparent;
	}
.palette {
	background-position:2px -58px;
	width:24px;
	height:24px;
	margin:3px 4px 0px 3px;
	}
.color {
	background-position:-17px -58px;
	width:24px;
	height:24px;
	margin:3px 4px 0px 3px;
	}
.ass {
	background-position:-58px -58px;
	width:24px;
	height:24px;
	margin:3px 4px 0px 3px;
	}
.arrowup {
	background-position:-81px -58px;
	width:18px;
	height:24px;
	position:absolute;
	top:4px;
	right:4px;
	}
.smile:hover, .plus:hover, .help:hover {
	background-color:#E8D7E4;
	cursor:pointer;
	border:1px solid rgba(0,0,0,0.1);
	}    
.BaseBottom {
	margin: 0 auto; 
	text-align:center; 
	width:328px; 
	height:auto;
	}

#MainCard{
		margin: 0 auto;
        width: 500px;
		padding-top:100px;
		background-position:center bottom;
		background-repeat:no-repeat;
	}

.Galery {
	background:url(../Img/themes.png) no-repeat; 
	width:244px; 
	height:131px; 
	margin: 0 auto; 
	text-align:center;
	}

#Themes,#Fonts {
	border:transparent 1px solid;
	width:52px; 
	height:40px;
	padding-right:7px;
	float:left;
	}

#Fonts {
	margin-left:5px;
	}

#Themes:hover,#Fonts:hover {
	background:rgba(255,0,255,0.1);
	border:#f21477 1px solid;
	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.4);
	 box-shadow:0px 1px 1px rgba(0,0,0,0.4);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	 border-radius: 2px;
	 cursor:pointer;
	}

/**
 * Farbtastic Color Picker 1.2
 */
.farbtastic {
  position: relative;
  margin: 0 auto;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
  margin: 0 auto;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url('../Img/wheel.png') no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url('../Img/mask.png') no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden; 
  background: url('../Img/marker.png') no-repeat;
}

	
/* fim cores */

/* cards */

#Card-Base {
	background:#000;
	width:384px;
	height:240px;
	margin: 0 auto;
	overflow:hidden;
	-moz-box-shadow:0px 2px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.4);
	 box-shadow:0px 2px 5px rgba(0,0,0,0.4);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	 border-radius: 6px;
}
#Card-Base2:hover {
    -webkit-transform:rotate(-5deg) scale(1.00);
	-moz-transform:rotate(-5deg) scale(1.00);
	-webkit-transition: all 1s ease-in-out; 
	-moz-transition: all 1s ease-in-out; 
	-o-transition: all 1s ease-in-out; 
	-ms-transition: all 1s ease-in-out;
}
#Card-Effect {
	background: url('../Img/Temas/Card/Base.png') no-repeat center;
	border-right:1px solid rgba(0,0,0,0.2);
	border-bottom:1px solid rgba(0,0,0,0.2);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	 border-radius: 6px;
	width:100%;
	height:100%;
	margin-top:-1px;
	margin-left:-1px;
}
#Card-Border {
	border-left:#f21477 14px solid;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width:100%;
	height:100%;
}
#Card-Name {
	border:0px;
	background:transparent;
	color:#FFF;
	font:12px Verdana, Geneva, sans-serif;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.6); 
	width:190px;
	height:18px;
	padding:3px;
	overflow:hidden;
	cursor:default;
	margin-top:14px; 
	margin-left:168px; 
	position:absolute;
	z-index:1;
}
#Card-Actv {
	color:#FFF; 
	font-size:12px; 
	text-shadow: 0px 1px 0px rgba(0,0,0,0.6); 
	margin-top:48px; 
	margin-left:175px; 
	position:absolute;
	z-index:1;
}
#Card-Actv:hover {
	background: rgba(159,182,205,0.5);
	text-decoration:underline;
	cursor:pointer;
}
#Card-Headline {
	border:0px;
	background:transparent;
	font: 12px "Comic Sans MS", cursive;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.9);
	color:#FFF;
	width:200px;
	height:70px;
	padding:3px;
	overflow:hidden;
	margin-top:125px; 
	margin-left:127px; 
	position:absolute;
	z-index:1;
	resize: none;
}
#Card-Ass {
	border:0px;
	background:transparent;
	text-shadow: 0px 1px 1px #333;
	color:#FFF;
	width:270px;
	height:50px;
	padding:3px;
	overflow:hidden;
	margin-top:175px;
	margin-left:32px;
	position:absolute;
	z-index:3;
}
#Card-Ass:hover,#Card-Headline:hover {
	background: rgba(159,182,205,0.5);
}
#Card-Info {
	color:#FFF; 
	font-size:10px; 
	position:absolute; 
	text-shadow: 0px 1px 0px rgba(0,0,0,0.6); 
	opacity: 0.6;
}
#Card-ID {
	color:#FFF; 
	font-size:11px; 
	position:absolute; 
	margin-top:221px; 
	margin-left:80px; 
	text-shadow: 0px 1px 0px rgba(0,0,0,0.7); 
	cursor:default;
}
#Card-Pic {
	width:100px; 
	height:150px; 
	position:absolute; 
	margin:15px; 
	overflow:hidden;
}
#linha {
	border-bottom:#CCC 1px solid;
	width:290px;
	margin-top:212px;
	margin-left:13px;
	position:absolute;
	opacity: 0.5;
	z-index:1;
	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.4);
	 box-shadow:0px 0px 1px rgba(0,0,0,0.4);
}
.un {
	margin-top:20px; 
	margin-left:130px; 
	color:#999;
	cursor:default;
}
.uact {
	margin-top:50px; 
	margin-left:130px; 
	color:#999;
	cursor:default;
}
.ud {
	margin-top:80px;
	margin-left:130px; 
	color:#999;
	cursor:default;
}
.uhl {
	margin-top:110px; 
	margin-left:130px; 
	color:#999;
	cursor:default;
}
.uass {
	margin-top:193px; 
	margin-left:13px;
	cursor:default;
}
.uln {
	margin-top:222px;
	margin-left:13px;
	cursor:default;
}
#create {
	color:#FFF; 
	font-size:12px; 
	position:absolute; 
	text-shadow: 0px 1px 0px rgba(0,0,0,0.6); 
	margin-top:79px;
	margin-left:216px;
}
#create:hover {
	background: rgba(159,182,205,0.5);
	text-decoration:underline;
	cursor:pointer;
}
#FloatMenu {
	position:absolute;
	margin-left:110px;
	margin-top:1px;
	font-size:10px;
	color:#333;
	width:254px;
	background:#FFF;
	border:1px solid rgba(0,0,0,0.4);
	-moz-box-shadow:0px 1px 5px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.2) inset;
	 box-shadow:0px 1px 5px rgba(0,0,0,0.2) inset;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	 border-radius: 0px 0px 5px 5px;
	 z-index:98;
	 display:none;
}
.tb{
	opacity:0.0;
}
.MenuTitle {
	background: rgba(0,0,0,0.1);
	text-shadow:#FFF 0px 1px 1px;
	color:#333;
	font-size:12px;
	font-weight:bold;
	padding:7px; 
	border-bottom:#CCC 1px dashed;
	cursor:pointer;
	display:none;
}
.menuopt:hover {
	color:#000;
	text-decoration:underline;
	background:#EFEFEF;
	cursor:pointer;
}
.spn_title {
	color:#f21477;
	font-weight:bold;
	font-size:12px;
	padding-bottom:5px;
	cursor:default;
}

.Sig0 {
	font: 24px 'customFont';
	top:99px;
}
.Sig1 {
	font: 22px 'customFont1';
	top:103px;
}
.Sig2 {
	font: 40px 'customFont2';
	top:94px;
}
.Sig3 {
	font: 48px 'customFont3';
	top:99px;
}
.Sig4 {
	font: 35px 'customFont4';
	top:99px;
}
.Sig5 {
	font: 19px 'customFont5';
	top:99px;
}
.Sig6 {
	font: 29px 'customFont6';
	top:90px;
}
.Sig7 {
	font: 29px 'customFont7';
	top:99px;
}
.Sig8 {
	font: 42px 'customFont8';
	top:90px;
}
.Sig9 {
	font: 26px 'customFont9';
	top:99px;
}